﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Express Game Maker - Tutorials</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<font size="3" face="Calibri, Calibri">
    <h2>Tilesets</h2>
	<p>Tilesets are used by <b>Maps</b> to easily create your enviroments. A tileset is  a set of <b>re-usable</b> tiles with default information stored, such as collision and physics settings.</p>
<p>To go on with this tutorial, you'll need to import a tileset to the Materials explorer. If you don't know how, check out the "Importing Materials" tutorial.</p>
<p>To create your tileset, open the Tileset editor <img src="tilesetsBtn.PNG" width="40" height="48" alt="" title="" border="0" align="" />.</p><ol type="1">
    <li>Add a new tileset by clicking the green PLUS sign. <img src="addTileset.PNG" width="90" height="48" alt="" title="" border="0" align="" /></li>
    <li><b>Drag and drop</b> a tileset image from the <b>Materials</b> explorer to the emptry gray area.</li>
    <li>Your tileset image should appear with the default grid size.</li>
</ol> 

<p>One of the most important aspects of tilesets is re-usable information such as collision. To add collision to your tileset:</p>

<ol type="1">
    <li>Click <img src="physicsBtn.PNG" width="27" height="24" alt="" title="" border="0" align="" />.</li>
    <li>You'll see the following tools:<p><img src="tielsetTools.PNG" width="92" height="25" alt="" title="" border="0" align="" /></p>
<ol type="1">
    <li>Enables adding of a <b>single</b> node. Best for creating a shape from scratch.</li>
    <li>Enables adding of a <b>rectangle</b>. Best for rectangle collisions</li>
    <li>Enables adding of a <b>circle</b>. Best for circular collision.</li>
    <li>Enables <b>outlining a tile</b> with collision nodes. Best for irregular shaped collisions.</li>
</ol> </li>
    <li>Check the <b>Rectangle tool</b> and click on a tile. A rectangle should <b>outline</b> the tile. This rectangle is made of collision nodes.</li>
    <li><b>Alternatively</b> you can click and drag on the tile to create a <b>custom rectangle</b>.</li>
    <li>Make sure to uncheck the Rectangle tool if you want to modify any collision nodes.</li>
    <li>To add more nodes to an existing shape, <b>hold [SHIFT]</b> and click and drag on a node.</li>
</ol> 
<p>You can modify a tile(s) <b>default properties</b> such as animation, physics, height (useful for projectiles), and tag at the tab "Tile" to the right.</p>
<p>In order to <b>use</b> a tileset on a map, select it from the <b>Tiles</b> explorer's (View > Tiles) tileset list. To learn about maps so you can use your tileset, check out the next tutorial.</p>
</font>
</body>
</html>
